<template>
    <header id="header">
        <h1>{{title}}</h1>
    </header>
</template>

<script>
export default {
    name:"Header",
    props:{
        title:{
            type:String,
            default:"喵喵电影"
        }
    }
}
</script>

<style scoped>
    #header{
        width: 100%;
        height: 50px;
        columns: #fff;
        background: #e54847;
        border-bottom: 1px solid #e54847;
        position: relative;
    }
    #header h1{
        font-size: 18px;
        text-align: center;
        line-height: 50px;
        font-weight: normal;
        color: #fff;
    }
    #header i{
        position: absolute;
        left: 5px;
        top: 50%;
        margin-top: -13px;
        font-size: 26px;
    }
</style>
